
<style>* {
  line-height: 1em;
}
body {
  margin: 0;
}
body {
  background-color: #ccc;
}
.com-phone {
  width: 7.5rem;
  height: 3.05rem;
  background: url("./tanchaung2.png") no-repeat center center;
  background-size: 100% 100%;
  padding-top: 0.68rem;
  box-sizing: border-box;
  padding-left: 1.6rem;
}
.com-phone input {
  outline: none;
  border: none;
  width: 4.5rem;
  height: 0.7rem;
  font-size: 0.3rem;
}

</style>
<div class="com-phone">
  <input placeholder="请输入手机号"/>
  <div class="btn"></div>
</div>
<script>$('.btn').on('click',function(){
  var phone = $('input').val()
  if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){ 
    alert("手机号码有误，请重填");  
    return false; 
  }else{
    // $('.fix-wrap').hide()
    接口(phone,function(res){
      if(res){
      }else{
        // 失败
      }
    })
  }
})

</script>